<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>店面导航</title>

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <script type="text/javascript" src="/Public/Member/js/jquery.min.js"></script>

    <link rel="stylesheet" href="/Public/Member/css/base.css">

    <style>
        html{overflow-x: hidden;font-size: 60%;}
        body{background: #f5f5f5; font-family: "微软雅黑";}
        *{margin: 0;padding: 0;}
        .nav-ul{width: 100%;text-align:center;}
        .nav-ul td{}
        .nav-ul a{color: #999999;font-size: 2rem;line-height: 4.5rem;display: inline-block;width: 100%;background: url('/Public/Member/images/nav-ul-li-bg.png') 0rem 0.7rem no-repeat;}
        .nav-ul td:first-child a{background: none;}
        .nav-ul td{border-bottom: 2px #dddddd solid;width: 25%;}
        .nav-ul a.on{border-bottom: 4px #333 solid;margin-bottom: -2px; color: #333;}

        .p1{padding: 0 1.5rem;}
        .search input{border: 0;}
        .search{background: #fff;border-radius: 0.5rem; width: 100%;margin: 0 auto; margin-top: 0.8rem;background-size: 2.5rem 2.7rem;}

        .search .ssubmit{background: #fff url('/Public/Member/images/search-ico.png') 0 no-repeat; width: 2.5rem;height: 2.5rem;margin-left: 0.4rem; background-size: 100%;display: inline-block;}

        .search .ikey{line-height: 4rem;font-size: 2rem; font-family: "微软雅黑"; color: #a8a8a8;background: #fff;max-width:70%; }

        .pic-text-ul{width: 100%;display: block;margin-top: 1rem; background: #ededed;padding-top: 1rem; padding-bottom: 8rem;}
        .pic-text-ul li{width: 100%;margin:0 auto; margin-bottom: 1.5rem;}
        .pic-text-ul li hr{border-top: 1px #ccc solid; border-bottom: #fafafa 1px solid;}
        .pic-text-ul li:last-child hr{border-top: 0px #ccc solid; border-bottom: #fafafa 0px solid;}
        .pic-text-ul li a{color: #333333;font-size: 2rem;line-height: 4rem;display: block;}
        .pic-text-ul li img{width: 100%;}
    </style>
    <script>
        function getStore(bid) {
            var keyword = $("input[name='keyword']").val().trim();
            var bid = bid;
            if (bid == "") {
                bid = "{$Think.get.bid}";

            }
            window.location.href = "index.php?s=/Wap/Store/index_do/bid/" + bid + "/keyword/" + keyword;
        }
    </script>
</head>

<body>
<table class="nav-ul">
    <tr>
        <volist name="brand" id="vo">
            <td>
                <a onclick="getStore({$vo.id})"
                <if condition="($vo['id'] eq I('bid')) or ($vo['id'] eq $bid)">class="on"</if>>
                {$vo.bname}</a>
            </td>
        </volist>
    </tr>
</table>

<div class="p1">

        <div class="search">
            <form method="post" action="{:U('Store/index_do')}">
                <input type="submit" value=" " class="ssubmit">
                <input class="ikey" type="text" name="keyword" placeholder="请输入地址、地区">
            </form>
        </div>
</div>

<div class="pic-text-ul">
    <ul class="p1">
        <volist name="store" id="vo">
            <li><a href="{:U('Store/detail',array('id'=>$vo['id']))}"><img src="{$vo.pic|get_cover='path'}" alt="">{$vo.sname}</a><hr></li>
        </volist>
        {$list.page}
    </ul>
</div>

</body>
</html>  